<docs>
---
order: 5
title:
  zh-CN: 标签
  en-US: Label
---

## zh-CN

使用 `label` 标签单独展示时间。

## en-US

Use `label` show time alone.

</docs>

<template>
  <a-radio-group v-model:value="mode" style="margin-bottom: 20px">
    <a-radio value="left">Left</a-radio>
    <a-radio value="right">Right</a-radio>
    <a-radio value="alternate">Alternate</a-radio>
  </a-radio-group>
  <a-timeline :mode="mode">
    <a-timeline-item label="2015-09-01">Create a services</a-timeline-item>
    <a-timeline-item label="2015-09-01 09:12:11">Solve initial network problems</a-timeline-item>
    <a-timeline-item>Technical testing</a-timeline-item>
    <a-timeline-item>
      <template #label><strong style="color: red">2015-09-01 09:12:11</strong></template>
      Network problems being solved
    </a-timeline-item>
  </a-timeline>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import type { TimelineProps } from 'ant-design-vue';
const mode = ref<TimelineProps['mode']>('left');
</script>
